<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <title>单击事件</title>
    <script type="text/javascript">
        //在文本框值得基础上减去一
        function op1(){
            //获取文本框标签对象
            var textElement=document.getElementById('num');
            //获取文件框里的值(字符串类型转换成数值类型)
            var textContext=textElement.value;
            //修改文本框里的值，然后把修改后的值重新写入文本框
            textElement.value=(textContext-1)>=0?(textContext-1):0;
        }
        // 在文本框值得基础上加一
        function op2(){
            //获取文本框标签对象
            var textElement=document.getElementById('num');
            //获取文件框里的值(字符串类型转换成数值类型)
            var textContent=textElement.value-0;
            //修改文本框里的值，然后把修改后的值重新写入文本框
            textElement.value=textContent+1;
        }
    </script>
</head>
<body>
<form action=onclick1.jsp method=post name=f>
    请选择商品数量：<input type=button name=enter value='<' onclick="op1()"> <input type=text id=num value=1 readonly size=5 style="text-align:center"> <input type=button name=enter value='>' onclick="op2()">
</form>
</body>
</html>